<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            border: 1px solid #ccc;
            border-collapse: collapse;
            text-align: center;
        }
        table tr td{
            width: 70px;
            height: 40px;
            border: 1px solid rgba(77, 74, 74,0.5);
        }
        .header{
            font-weight: bold;
        }
        .header td:nth-child(1){
            background: red;
        }
        .header td+td{
            background: green;
        }
        .body td:nth-child(1){
            background: #ccc;
        }
        .bottom{
            color: white;
            background: rgb(146, 133, 133);
            text-align: left;

        }
    </style>
</head>
<body>
    <div class="box">
        <table>
            <tr class="body">
                <td colspan="8">2017-2018学年第二学期课程表</td>
            </tr>
            <tr class="header">
                <td>节次</td>
                <td>星期一</td>
                <td>星期二</td>
                <td>星期三</td>
                <td>星期四</td>
                <td>星期五</td>
                <td>星期六</td>
                <td>星期日</td>
            </tr>
            <tr class="body">
                <td rowspan="2" >上午</td>
                <td>语文</td>
                <td>数学</td>
                <td>音乐</td>
                <td>体育</td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
               <td>数学</td>
               <td>语文</td>
               <td>美术</td>
               <td>化学</td> 
               <td></td>
               <td></td>
               <td></td>
               
            </tr>
            <tr class="body">
                <td rowspan="2">下午</td>
                <td>美术</td>
                <td>劳动</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>体育</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr class="body">
                <td>晚自习</td>
                <td>自习</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr class="bottom">
                <td colspan="8">注意:</td>
            </tr>
        </table>
    </div>
</body>
</html>